body {
			margin: 20px 0 0 ;
			padding: 0;
			border: 0;
			background: white;
			font: normal 100%/1.4em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	color: #222;
			text-align: center; /* Center on IE5 PC */
		}
		div, p, pre { 
			text-align: left;
		}
		p{ 
			font-size: 76%;
			line-height: 1.8em; 
			margin-top: 0px;
		}
		P  { text-align: center }	

		pre { 
			font-size: 85%;
			line-height: 1.2em; 
			margin-top: 0px;
		}
		.boxbody p {font-size:76%}
		
		.drawLine {
			border-top: 1px solid #999;
		} 
		 
		.boxbody a {color:gray}
		.boxbody a:hover {color:blue}		
		h1 { color: #777; font-size:1.8em; }
		h2 { color: #888; font-size:1.4em; }
		.exp { width:30em; margin:10px auto; }
		hr { width:35em; margin: 10px auto;}
		
		/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

		.sidebox {
			margin: 0 auto; /* center for now */
			width: 17em; /* ems so it will grow */
			background: url(../img/nodeBox/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}
		.boxhead {
			background: url(../img/nodeBox/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.boxhead h2 {
			background: url(../img/nodeBox/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.0em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody {
			background: url(../img/nodeBox/sbbody-l.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;
			
		}
		.widthlessbox {
			margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(../img/nodeBox/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}